﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Reportes</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/responsive.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
</head>
<body>

	{% include "topmenu.html" %} <!-- Top menu -->

	<div class="container">
		<div class="row-fluid">
			
			{% include "sidebar.html" %} <!-- Side bar -->

			<div class="span9">
				<!-- Segunda Parte - Parte de las Preguntas -->
				<div class="row-fluid">
					<div class="page-header">
						<h2>Resultado de Actividades <strong>{{ region_actual }}</strong></h2>
					</div>
				</div>
				<!-- 1. Cantidad de participantes por pais -->
				<div class="row-fluid">
					<div class="span6">
						<h4><strong>Cantidad de personas vinculadas a la Universidad involucradas en la actividad</strong></h4>
						<p align="justify"><small>Número de personas vinculadas a distintas universidades que participan en actividades de 3M.</small></p>
					</div>
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p
							chco=49188F
							chd=t:{{ lista_total_participantes|join:',' }}
							chdl={{ lista_paises_de_la_region|join:'|' }}
							chdlp=b
							chl={{ lista_total_participantes|join:'|' }}
						{% endchart %}
					</div>
				</div>
				<br>
				<ul class="nav nav-list">
					<li class="divider"></li>
				</ul>
				<br>
				<!-- 2. Cantidad de participantes por dimension -->
				<div class="row-fluid">
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p
							chco=49188F
							chd=t:{{ lista_participantes_dimension|join:',' }}
							chdl=FC|TCeI|CS
							chl={{ lista_participantes_dimension|join:'|' }}
							chdlp=b
						{% endchart %}
					</div>
					<div class="span6">
						<h4><strong>Cantidad de personas vinculadas a la Universidad involucradas en la actividad por Dimensión</strong></h4>
						<p align="justify"><small>Número de personas vinculadas a distintas universidades que participan en actividades de 3M.</small></p>
					</div>
				</div>
				<br>
				<ul class="nav nav-list">
					<li class="divider"></li>
				</ul>
				<br>
				<!-- 3. Monto invertido por pais -->
				<div class="row-fluid">
					<div class="span6">
						<h4><strong>Monto invertido por parte de las Universidades por País</strong></h4>
						<p align="justify"><small>Números precisos acerca de la inversion realizada en cada una de las actividades de 3M.</small></p>
					</div>
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p
							chco=F4188F
							chd=t:{{ monto_pais|join:',' }}
							chdl={{ lista_paises_de_la_region|join:'|' }}
							chdlp=b
							chl={{ monto_pais|join:'|' }}
						{% endchart %}
					</div>
				</div>
				<br>
				<ul class="nav nav-list">
					<li class="divider"></li>
				</ul>
				<br>
				<!-- 4. Monto invertido por dimension -->
				<div class="row-fluid">
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p
							chco=F4188F
							chd=t:{{ monto_dimension|join:',' }}
							chdl=FC|TCeI|CS
							chl={{ monto_dimension|join:'|' }}
							chdlp=b
						{% endchart %}
					</div>
					<div class="span6">
						<h4><strong>Monto invertido por parte de las Universidades por Dimensión</strong></h4>
						<p align="justify"><small>Números precisos acerca de la inversion realizada en cada una de las actividades de 3M.</small></p>
					</div>
				</div>
				<br>
				<ul class="nav nav-list">
					<li class="divider"></li>
				</ul>
				<br>
				<!-- 5. Ingreso obtenido por pais -->
				<div class="row-fluid">
					<div class="span6">
						<h4><strong>Ingreso obtenido por parte de las Universidades por País</strong></h4>
						<p align="justify"><small>Ingreso obtenido a nivel regional en las actividades de 3M por parte de la Universidad.</small></p>
					</div>
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p
							chco=81DA00
							chd=t:{{ ingreso_pais|join:',' }}
							chdl={{ lista_paises_de_la_region|join:'|' }}
							chdlp=b
							chl={{ ingreso_pais|join:'|' }}
						{% endchart %}
					</div>
				</div>
				<br>
				<ul class="nav nav-list">
					<li class="divider"></li>
				</ul>
				<br>
				<!-- 6. Ingreso obtenido por dimension -->
				<div class="row-fluid">
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p
							chco=81DA00
							chd=t:{{ ingreso_dimension|join:',' }}
							chdl=FC|TCeI|CS
							chl={{ ingreso_dimension|join:'|' }}
							chdlp=b
						{% endchart %}
					</div>
					<div class="span6">
						<h4><strong>Ingreso obtenido por parte de las Universidades por Dimensión</strong></h4>
						<p align="justify"><small>Ingreso obtenido a nivel regional en las actividades de 3M por parte de la Universidad.</small></p>
					</div>
				</div>
				<br>
				<ul class="nav nav-list">
					<li class="divider"></li>
				</ul>
				<br>
				<!-- 7. Beneficiarios por pais -->
				<div class="row-fluid">
					<div class="span6">
						<h4><strong>Cantidad de Beneficiarios por País</strong></h4>
						<p align="justify"><small>Cantidad de personas beneficiadas a nivel regional en las actividades de 3M.</small></p>
					</div>
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p
							chd=t:{{ beneficiarios_pais|join:',' }}
							chdl={{ lista_paises_de_la_region|join:'|' }}
							chdlp=b
							chl={{ beneficiarios_pais|join:'|' }}
						{% endchart %}
					</div>
				</div>
				<br>
				<ul class="nav nav-list">
					<li class="divider"></li>
				</ul>
				<br>
				<!-- 8. Beneficiarios por dimension -->
				<div class="row-fluid">
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p
							chd=t:{{ beneficiarios_dimension|join:',' }}
							chdl=FC|TCeI|CS
							chl={{ beneficiarios_dimension|join:'|' }}
							chdlp=b
						{% endchart %}
					</div>
					<div class="span6">
						<h4><strong>Cantidad de Beneficiarios por Dimensión</strong></h4>
						<p align="justify"><small>Cantidad de personas beneficiadas a nivel regional en las actividades de 3M.</small></p>
					</div>
				</div>
				<br>
				<ul class="nav nav-list">
					<li class="divider"></li>
				</ul>
				<br>
				<!-- 9. Beneficiarios por pais -->
				<div class="row-fluid">
					<div class="span6">
						<h4><strong>Cantidad de horas empleadas por País</strong></h4>
						<p align="justify"><small>Cantidad de horas empleadas en actividades de 3M a nivel regional.</small></p>
					</div>
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p
							chco=FFFA00
							chd=t:{{ horas_pais|join:',' }}
							chdl={{ lista_paises_de_la_region|join:'|' }}
							chdlp=b
							chl={{ horas_pais|join:'|' }}
						{% endchart %}
					</div>
				</div>
				<br>
				<ul class="nav nav-list">
					<li class="divider"></li>
				</ul>
				<br>
				<!-- 10. Beneficiarios por dimension -->
				<div class="row-fluid">
					<div class="span6">
						{% load chart_tags %}
						{% chart %}
							chs=360x210
							cht=p
							chco=FFFA00
							chd=t:{{ horas_dimension|join:',' }}
							chdl=FC|TCeI|CS
							chl={{ horas_dimension|join:'|' }}
							chdlp=b
						{% endchart %}
					</div>
					<div class="span6">
						<h4><strong>Cantidad de horas empleadas por Dimensión</strong></h4>
						<p align="justify"><small>Cantidad de horas empleadas en actividades de 3M a nivel regional.</small></p>
					</div>
				</div>
			</div>
		</div>
	{% include "footer.html" %} <!-- Footer -->
	</div> <!-- /container -->

	<!-- JS files -->
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
</body>
</html>